html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: helvetica,arial,sans-serif;
  letter-spacing: 0.3px;
  color: #444;
  font-size: 90%;
  text-align: justify;
  background:url("../img/bg.gif") repeat scroll 0 0 transparent;
}

body a {
  color: #444;
  font-weight: bold;
}

#preLoader {
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; top:0; left:0;
	background:#fff url('../dojox/image/resources/images/loading.gif') no-repeat center center;
	z-index:999;
}
#preLoader p {
	color:#ededed;
	font:72pt Arial,san-serif;
	font-weight:bold;
}

#Wrapper {
  width: 90%;
  height: 100%;
  margin: auto;
}
#header {
  background:url("../img/bgheader.jpg") repeat-x scroll center top transparent;
  clear:both;
  padding:12px 12px 12px 12px;
  color: #FFF;
  text-align: center;
}
#footer {
  background:url("../img/bgheader.jpg") repeat-x scroll center top transparent;
  font-size:1em;
  font-family: cursive;
  line-height:24px;
  color: #FFF;
  text-align:center;
}

#footer a {
  color: #FFFFFF;
}

#navigation {
  width: 200px;
}